<div class="row">
    <div class="col-sm-12" *ngIf="templateData.length === 1"><label class="control-label">{{displayName}}</label></div>
    <div class="col-sm-12">
        <tabset *ngIf="templateData.length > 1">
            <tab class="pt-3" heading="{{item.title}}" *ngFor="let item of templateData">
                <batch-upload-item [isTemporary]="isTemporary" [templateInfo]="item" [ctrlDisabled]="ctrlDisabled" [contentId]="contentId"
                                   [customKey]="customKey" [autoSyncBySelf]="autoSyncBySelf" [refreshValue]="refreshValue"></batch-upload-item>
            </tab>
        </tabset>

        <batch-upload-item *ngIf="templateData.length === 1" [isTemporary]="isTemporary" [templateInfo]="templateData[0]" [ctrlDisabled]="ctrlDisabled"
                           [contentId]="contentId" [customKey]="customKey" [autoSyncBySelf]="autoSyncBySelf" [refreshValue]="refreshValue"></batch-upload-item>
    </div>
</div>

